<!DOCTYPE html>
<html>
<head>
    <title>统计分析</title>
    <#include "/header.html">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/dczx.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/index.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/common.css">
    <style>
        .el-card{
            margin-bottom: 20px;
        }
        .titleName1{
            font-size: 20px;
            font-family: MicrosoftYaHei;
            font-weight: 400;
            color: rgba(51,51,51,1);
            margin-bottom: 19px;
        }
        .titleName2{
            font-size:20px;
            font-family:MicrosoftYaHei;
            font-weight:400;
            color:rgba(102,102,102,1);
        }
        .dright{
            float: right !important;
        }
        .spanleft{
            margin-left: 20px;
        }
        .title3{
            margin-bottom: 25px;
            }


    </style>
</head>
<body>
<div id="rrapp">
    <el-card class="box-card">
        <span class="titleName1">督察单位统计</span>
        <div class="title3">
            <span class="titleName2">督察单位数据分析统计报表</span>
            <span class="dright">
                <span>统计时间:</span>
                    <el-date-picker
                            v-model="deptSTime"
                            type="date"
                            placeholder="选择开始日期">
                    </el-date-picker>
                至
                 <el-date-picker
                         v-model="deptETime"
                         type="date"
                         placeholder="选择结束日期">
                    </el-date-picker>
                <span class="spanleft">地区范围</span>
                    <el-cascader
                            expand-trigger="hover"
                            :options="options1"
                            v-model="qhId1"
                            change-on-select="true"
                            :props="props">
                            <!--@change="handleChange1">-->
                    </el-cascader>
                <span class="spanleft">最小单位</span>
                <el-select v-model="zxdwValue" placeholder="请选择">
                    <el-option
                            v-for="item in options3"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>
                 <el-button type="primary" @click="handleChange1">查询</el-button>
            </span>
        </div>
        <div class="tableDiv">
        <template>
            <el-table
                    :data="deptQuestionTable"
                    style="width: 100%">
                <el-table-column
                        label="单位"
                >
                    <el-table-column
                            prop="name"
                            label="被督察单位"
                    >

                    </el-table-column>
                </el-table-column>
                <el-table-column label="督察记录数">

                    <el-table-column
                            prop="sspl"
                            label="实时拍录"
                            width="80">
                    </el-table-column>
                    <el-table-column
                            prop="cgzx"
                            label="常规专项"
                            width="80">
                    </el-table-column>
                    <el-table-column
                            prop="lhzx"
                            label="联合专项"
                            width="80">
                    </el-table-column>
                    <el-table-column
                            prop="zczx"
                            label="自查专项"
                            width="80">
                    </el-table-column>
                    <el-table-column
                            prop="dwgl"
                            label="队伍管理"
                            width="80">
                    </el-table-column>
                    <el-table-column
                            prop="zfzq"
                            label="执法执勤"
                            width="80">
                    </el-table-column>
                    <el-table-column
                            prop="shgk"
                            label="社会管控"
                            width="80">
                    </el-table-column>
                    <el-table-column
                            prop="qtdc"
                            label="其他督察"
                            width="80">
                    </el-table-column>
                    <el-table-column
                            prop="mrbc"
                            label="每日必查"
                            width="80">
                    </el-table-column>
                </el-table-column>
                <el-table-column label="问题数">
                    <el-table-column
                            prop="wwt"
                            label="无问题"
                            width="80">
                    </el-table-column>
                    <el-table-column
                            prop="xczg"
                            label="现场整改"
                            width="80">
                    </el-table-column>
                    <el-table-column
                            prop="xszg"
                            label="限时整改"
                            width="80">
                    </el-table-column>
                </el-table-column>
                <el-table-column label="整改数">
                    <el-table-column
                            prop="dzg"
                            label="待整改"
                            width="80">
                    </el-table-column>
                    <el-table-column
                            prop="yzg"
                            label="已整改"
                            width="80">
                    </el-table-column>
                </el-table-column>
            </el-table>

            <div class="pagination-box pull-right">
                <el-pagination background layout="prev, pager, next" :page-size="deptQuestionPageSize"
                               :current-page.sync="deptQuestionPageNo"
                               :page-count="deptQuestionTotalPage"
                               @current-change="deptQuestionPageChange"></el-pagination>
            </div>
        </template>
        </div>
    </el-card>
    <el-card>
        <span class="titleName1">督察问题统计</span>
        <div class="title3">
            <span class="titleName2">督察问题数据分析统计报表</span>
            <span class="dright">
                <span>统计时间:</span>
                    <el-date-picker
                            v-model="qSTime"
                            type="date"
                            placeholder="选择开始日期">
                    </el-date-picker>
                至
                 <el-date-picker
                         v-model="qETime"
                         type="date"
                         placeholder="选择结束日期">
                    </el-date-picker>
                <span class="spanleft">地区范围</span>
            <el-cascader
                    :options="options2"
                    v-model="qhId2"
                    show-all-levels="false"
                    change-on-select="true"
                    :props="props">
                    <!--@click="handleChange2"-->
            </el-cascader>
                 <el-button type="primary"  @click="handleChange2">查询</el-button>
            </span>



        </div>

        <template>
            <el-table :data="questionTable" border>
                <!--:filter-change="handleFilterChange"-->
                <el-table-column
                        type="index"
                        :index="questionIndexMethod"
                        width="50">
                </el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="sbdm" align="center" label="问题代码">
                </el-table-column>
                <el-table-column prop="wtxq" align="center" label="问题详情">
                </el-table-column>
                <el-table-column
                        prop="qnum"
                        align="right"
                        header-align="center"
                        label="问题出现率"
                        :formatter="formatMath"
                >
                </el-table-column>

                <el-table-column prop="deptname" sortable label="问题出现最多次单位">


                </el-table-column>

            </el-table>
            <div class="pagination-box pull-right">
                <el-pagination background layout="prev, pager, next" :page-size="questionPageSize"
                               :current-page.sync="questionPageNo"
                               :page-count="questionTotalPage" @current-change="questionPageChange"></el-pagination>
            </div>
        </template>
    </el-card>
</div>
<script src="${request.contextPath}/statics/plugins/element/index.js"></script>
<script src="${request.contextPath}/statics/js/modules/business/tjfx.js?_${.now?long}"></script>
</body>
</html>